<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<style>
		.bg{
			width: 1300px;
			height: 850px;
			background-image: url('../img/12d.png');
		}
		.bg .top .a ,.e{
			width: 180px;
			height: 90px;
			border: 3px dashed #797979;
			background-color: #050F32;
			float: left;
			margin: 32px;
		}
		.bg .top .b,.d{
			width: 180px;
			height: 90px;
			border: 3px dashed #797979;
			background-color: #071E4A;
			float: left;
			margin: 32px;
		}
		.bg .top .c{
			width: 180px;
			height: 90px;
			border: 3px dashed #797979;
			background-color: #0A2F6B;
			float: left;
			margin: 32px;
		}
		.bg .tottom .top1 .a1{
			width: 300px;
			height: 300px;
			float: left;
			margin: 15px;
			background-color: #122256;
		}
		.bg .tottom .top1 .b1{
			width: 600px;
			height: 300px;
			float: left;
			margin: 15px;
			background-color: #122256;
		}
		.bg .tottom .top1 .c1{
			width: 300px;
			height: 300px;
			float: left;
			margin: 15px;
			background-color: #1A2954;
		}
		.bg .tottom .tottom1 .a2{
			width: 300px;
			height: 300px;
			float: left;
			margin: 15px;
			background-color: #1A2954;
		}
		.bg .tottom .tottom1 .b2{
			width: 600px;
			height: 300px;
			float: left;
			margin: 15px;
			background-color: #122256;
		}
		.bg .tottom .tottom1 .c2{
			width: 300px;
			height: 300px;
			float: left;
			margin: 15px;
			background-color: #1A2954;
		}
		.bg .top .a{
			text-align: center;
			color: #F2F4F6;
		}
		.bg .top .a .a11{
			padding: 15px;
		}
		.bg .top .a .a11 b {
			 padding-left:20px ; 
		}
		.bg .top .b11 b{
			font-size: 30px;
		}
		.bg .top .a .a11 img{
			width: 20px;
			height: 20px;
			
		}
		
		.bg .top .b{
			text-align: center;
			color: #F2F4F6;
		}
		.bg .top .b .a11{
			padding: 15px;
		}
		.bg .top .b .a11 b {
			 padding-left:20px ; 
		}
		.bg .top .b11 b{
			font-size: 30px;
		}
		.bg .top .b .a11 img{
			width: 20px;
			height: 20px;
			
		}
		
		.bg .top .c{
			text-align: center;
			color: #F2F4F6;
		}
		.bg .top .c .a11{
			padding: 15px;
		}
		.bg .top .c .a11 b {
			 padding-left:20px ; 
		}
		.bg .top .b11 b{
			font-size: 30px;
		}
		.bg .top .c .a11 img{
			width: 20px;
			height: 20px;
			
		}
		
		.bg .top .d{
			text-align: center;
			color: #F2F4F6;
		}
		.bg .top .d .a11{
			padding: 15px;
		}
		.bg .top .d .a11 b {
			 padding-left:20px ; 
		}
		.bg .top .b11 b{
			font-size: 30px;
		}
		.bg .top .d .a11 img{
			width: 20px;
			height: 20px;
			
		}
		
		.bg .top .e{
			text-align: center;
			color: #F2F4F6;
		}
		.bg .top .e .a11{
			padding: 15px;
		}
		.bg .top .e .a11 b {
			 padding-left:20px ; 
		}
		.bg .top .b11 b{
			font-size: 30px;
		}
		.bg .top .e .a11 img{
			width: 20px;
			height: 20px;
			
		}
	</style>
	<body>
		<div class="bg">
		<div class="top">
			<div class="a">
				<div class="a11"><img src="../img/u137.svg"><b>项目总数</b></div>
				<div class="b11"><b>33</b></div>
			</div>
			<div class="b">
				<div class="a11"><img src="../img/u142.svg"><b>在建项目</b></div>
				<div class="b11"><b>14</b></div>
			</div>
			<div class="c">
				<div class="a11"><img src="../img/u147.svg"><b>新建项目</b></div>
				<div class="b11"><b>10</b></div>
			</div>
			<div class="d">
				<div class="a11"><img src="../img/u152.svg"><b>项目竣工数</b></div>
				<div class="b11"><b>6</b></div>
			</div>
			<div class="e">
				<div class="a11"><img src="../img/u157.svg"><b>项目停工数</b></div>
				<div class="b11"><b>3</b></div>
			</div>
		</div>
		<div class="tottom">
			<div class="top1">
				<div class="a1"><img src="../img/010.png" style="width: 100%; height: 100%;"></div>
				<div class="b1"><img src="../img/020.png" style="width: 100%; height: 100%;"></div>
				<div class="c1"><img src="../img/030.png" style="width: 100%; height: 100%;"></div>
			</div>
			<div class="tottom1">
				<div class="a2"><img src="../img/040.png" style="width: 100%; height: 100%;"> </div>
				<div class="b2"><img src="../img/050.png" style="width: 100%; height: 100%;"> </div>
				<div class="c2"><img src="../img/060.png" style="width: 100%; height: 100%;"> </div>
			</div>
		</div>
		</div>
	</body>
</html>